<template>
  <div>
    <h4>ROM评定</h4>
    <div v-show="pgForm.showShangZhi" class="shangZhi">
      <el-row>
        <el-col>
          <div>
            一、上肢:
          </div>
        </el-col>
      </el-row>
<!--      上肢-肩-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【肩】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>前屈 </span>
            <el-input v-model="pgForm.valueJian.qianQuLeft" placeholder="0~180"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.qianQuRight" placeholder="0~180"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>后伸 </span>
            <el-input v-model="pgForm.valueJian.houShenLeft" placeholder="0~60"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.houShenRight" placeholder="0~60"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>内收 </span>
            <el-input v-model="pgForm.valueJian.neiShouLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.neiShouRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>外展 </span>
            <el-input v-model="pgForm.valueJian.waiZhanLeft" placeholder="0~180"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.waiZhanRight" placeholder="0~180"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>内旋 </span>
            <el-input v-model="pgForm.valueJian.neiXuanLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.neiXuanRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>外旋 </span>
            <el-input v-model="pgForm.valueJian.waiXuanLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.waiXuanRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
<!--      上肢-肘-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【肘】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd suojin1" justify="space-around">
        <el-col :span="5">
          <div>
            <span>屈 </span>
            <el-input v-model="pgForm.valueZhou.quLeft" placeholder="0~150"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueZhou.quRight" placeholder="0~150"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>伸 </span>
            <el-input v-model="pgForm.valueZhou.shenLeft" placeholder="0~5"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueZhou.shenRight" placeholder="0~5"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>旋前 </span>
            <el-input v-model="pgForm.valueZhou.xuanQianLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueZhou.xuanQianRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>旋后 </span>
            <el-input v-model="pgForm.valueZhou.xuanHouLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueZhou.xuanHouRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
<!--      上肢-腕-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【腕】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>屈 </span>
            <el-input v-model="pgForm.valueWan.quLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueWan.quRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>伸 </span>
            <el-input v-model="pgForm.valueWan.shenLeft" placeholder="0~70"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueWan.shenRight" placeholder="0~70"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            <el-button type="danger" @click="delShangZhi">删除上肢评定</el-button>
          </div>
        </el-col>
      </el-row>
    </div>

    <div v-show="pgForm.showQuGan" class="quGan">
      <el-row>
        <el-col>
          <div>
            二、头颈及躯干:
          </div>
        </el-col>
      </el-row>
      <!--      头颈及躯干-颈椎-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【颈椎】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>前屈 </span>
            <el-input v-model="pgForm.valueJingZhui.qianQuLeft" placeholder="0~60"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJingZhui.qianQuRight" placeholder="0~60"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>后伸 </span>
            <el-input v-model="pgForm.valueJingZhui.houShenLeft" placeholder="0~50"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJingZhui.houShenRight" placeholder="0~50"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>右侧屈 </span>
            <el-input v-model="pgForm.valueJingZhui.youCeQuLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJingZhui.youCeQuRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>左侧屈 </span>
            <el-input v-model="pgForm.valueJingZhui.zuoCeQuLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJingZhui.zuoCeQuRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>右旋 </span>
            <el-input v-model="pgForm.valueJian.neiXuanLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.neiXuanRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>左旋 </span>
            <el-input v-model="pgForm.valueJian.waiXuanLeft" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueJian.waiXuanRight" placeholder="0~90"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <!--      头颈及躯干-胸腰椎-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【胸腰椎】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>前屈 </span>
            <el-input v-model="pgForm.valueXiongYaoZhui.qianQuLeft" placeholder="0~80"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXiongYaoZhui.qianQuRight" placeholder="0~80"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>后伸 </span>
            <el-input v-model="pgForm.valueXiongYaoZhui.houShenLeft" placeholder="0~30"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXiongYaoZhui.houShenRight" placeholder="0~30"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>右侧屈 </span>
            <el-input v-model="pgForm.valueXiongYaoZhui.neiShouLeft" placeholder="0~50"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXiongYaoZhui.neiShouRight" placeholder="0~50"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>左侧屈 </span>
            <el-input v-model="pgForm.valueXiongYaoZhui.waiZhanLeft" placeholder="0~50"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXiongYaoZhui.waiZhanRight" placeholder="0~50"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>右旋 </span>
            <el-input v-model="pgForm.valueXiongYaoZhui.neiXuanLeft" placeholder="0~40"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXiongYaoZhui.neiXuanRight" placeholder="0~40"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>左旋 </span>
            <el-input v-model="pgForm.valueXiongYaoZhui.waiXuanLeft" placeholder="0~40"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXiongYaoZhui.waiXuanRight" placeholder="0~40"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            <el-button type="danger" @click="delQuGan">删除头颈及躯干评定</el-button>
          </div>
        </el-col>
      </el-row>
    </div>

    <div v-show="pgForm.showXiaZhi" class="xiaZhi">
      <el-row>
        <el-col>
          <div>
            三、下肢:
          </div>
        </el-col>
      </el-row>
      <!--      下肢-髋-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【髋】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>前屈 </span>
            <el-input v-model="pgForm.valueKuan.qianQuLeft" placeholder="0~125"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueKuan.qianQuRight" placeholder="0~125"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>后伸 </span>
            <el-input v-model="pgForm.valueKuan.houShenLeft" placeholder="0~15"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueKuan.houShenRight" placeholder="0~15"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>内收 </span>
            <el-input v-model="pgForm.valueKuan.neiShouLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueKuan.neiShouRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>外展 </span>
            <el-input v-model="pgForm.valueKuan.waiZhanLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueKuan.waiZhanRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>内旋 </span>
            <el-input v-model="pgForm.valueKuan.neiXuanLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueKuan.neiXuanRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>外旋 </span>
            <el-input v-model="pgForm.valueKuan.waiXuanLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueKuan.waiXuanRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <!--      下肢-膝-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【膝】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>屈 </span>
            <el-input v-model="pgForm.valueXi.quLeft" placeholder="0~150"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXi.quRight" placeholder="0~150"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>伸 </span>
            <el-input v-model="pgForm.valueXi.shenLeft" placeholder="0~150"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueXi.shenRight" placeholder="0~150"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <!--      下肢-踝关节-->
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            【踝关节】
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-around">
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
        <el-col :span="1"><div><span>左</span></div></el-col>
        <el-col :span="1"><div><span>右</span></div></el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>背屈 </span>
            <el-input v-model="pgForm.valueHuaiGuanJie.beiQuLeft" placeholder="0~20"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueHuaiGuanJie.beiQuRight" placeholder="0~20"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>跖屈 </span>
            <el-input v-model="pgForm.valueHuaiGuanJie.zhiQuLeft" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueHuaiGuanJie.zhiQuRight" placeholder="0~45"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" class="odd" justify="space-around">
        <el-col :span="5">
          <div>
            <span>内翻 </span>
            <el-input v-model="pgForm.valueHuaiGuanJie.neiFanLeft" placeholder="0~30"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueHuaiGuanJie.neiFanRight" placeholder="0~30"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>外翻 </span>
            <el-input v-model="pgForm.valueHuaiGuanJie.waiFanLeft" placeholder="0~25"></el-input>
            <span> °</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <el-input v-model="pgForm.valueHuaiGuanJie.waiFanRight" placeholder="0~25"></el-input>
            <span> °</span>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            <el-button type="danger" @click="delXiaZhi">删除下肢评定</el-button>
          </div>
        </el-col>
      </el-row>
    </div>




    <div>
      <el-row>
        <el-col :span="23" :offset="1">
          <div>
            <el-button type="primary" @click="addShangZhi" :disabled="pgForm.fobiden1">添加上肢</el-button>
          </div>
        </el-col>
        <el-col :span="23" :offset="1" style="margin: 15px 0">
          <div>
            <el-button type="primary" @click="addQuGan" :disabled="pgForm.fobiden2">添加头颈及躯干</el-button>
          </div>
        </el-col>
        <el-col :span="23" :offset="1">
          <div>
            <el-button type="primary" @click="addXiaZhi" :disabled="pgForm.fobiden3">添加下肢</el-button>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "rom",
  title: "ROM评定",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data(){
    return {
      pgForm: {
        valueJian:{
          qianQuLeft: '',
          qianQuRight: '',
          houShenLeft: '',
          houShenRight: '',
          neiShouLeft: '',
          neiShouRight: '',
          waiZhanLeft: '',
          waiZhanRight: '',
          neiXuanLeft: '',
          neiXuanRight: '',
          waiXuanLeft: '',
          waiXuanRight: '',
        },
        valueZhou:{
          quLeft: '',
          quRight: '',
          shenLeft: '',
          shenRight: '',
          xuanQianLeft: '',
          xuanQianRight: '',
          xuanHouLeft: '',
          xuanHouRight: '',
        },
        valueWan:{
          quLeft: '',
          quRight: '',
          shenLeft: '',
          shenRight: '',
        },
        valueJingZhui:{
          qianQuLeft: '',
          qianQuRight: '',
          houShenLeft: '',
          houShenRight: '',
          youCeQuLeft: '',
          youCeQuRight: '',
          zuoCeQuLeft: '',
          zuoCeQuRight: '',
          youXuanLeft: '',
          youXuanRight: '',
          zuoXuanLeft: '',
          zuoXuanRight: '',
        },
        valueXiongYaoZhui:{
          qianQuLeft: '',
          qianQuRight: '',
          houShenLeft: '',
          houShenRight: '',
          youCeQuLeft: '',
          youCeQuRight: '',
          zuoCeQuLeft: '',
          zuoCeQuRight: '',
          youXuanLeft: '',
          youXuanRight: '',
          zuoXuanLeft: '',
          zuoXuanRight: '',
        },
        valueKuan:{
          qianQuLeft: '',
          qianQuRight: '',
          houShenLeft: '',
          houShenRight: '',
          neiShouLeft: '',
          neiShouRight: '',
          waiZhanLeft: '',
          waiZhanRight: '',
          neiXuanLeft: '',
          neiXuanRight: '',
          waiXuanLeft: '',
          waiXuanRight: '',
        },
        valueXi:{
          quLeft: '',
          quRight: '',
          shenLeft: '',
          shenRight: '',
        },
        valueHuaiGuanJie:{
          beiQuLeft: '',
          beiQuRight: '',
          zhiQuLeft: '',
          zhiQuRight: '',
          neiFanLeft: '',
          neiFanRight: '',
          waiFanLeft: '',
          waiFanRight: '',
        },
        showShangZhi: 0,
        showQuGan: 0,
        showXiaZhi: 0,
        fobiden1: false,
        fobiden2: false,
        fobiden3: false,
      }
    }
  },
  methods:{
    addShangZhi(){
      this.pgForm.showShangZhi = 1;
      this.pgForm.fobiden1 = true
    },
    delShangZhi(){
      this.pgForm.showShangZhi = 0;
      this.pgForm.fobiden1 = false
    },
    addQuGan(){
      this.pgForm.showQuGan = 1;
      this.pgForm.fobiden2 = true
    },
    delQuGan(){
      this.pgForm.showQuGan = 0;
      this.pgForm.fobiden2 = false
    },
    addXiaZhi(){
      this.pgForm.showXiaZhi = 1;
      this.pgForm.fobiden3 = true
    },
    delXiaZhi(){
      this.pgForm.showXiaZhi = 0;
      this.pgForm.fobiden3 = false
    },
  }
}
</script>

<style scoped>

.odd .el-col:nth-of-type(odd) .el-input{
  width: 60%;
}
.odd .el-col:nth-of-type(even) .el-input{
  width: 80%;
}

.shangZhi .el-row:nth-of-type(6),.shangZhi .el-row:nth-of-type(10),.shangZhi .el-row:nth-of-type(14){
  margin-bottom: 20px;
}
.quGan .el-row:nth-of-type(6),.quGan .el-row:nth-of-type(12){
  margin-bottom: 20px;
}
.xiaZhi .el-row:nth-of-type(6),.xiaZhi .el-row:nth-of-type(9),.xiaZhi .el-row:nth-of-type(14){
  margin-bottom: 20px;
}

.el-row{
  padding: 15px 20px;
  background-color: #f9f9f9;
}

.suojin1 .el-col{
  padding-left: 1em;
}
.el-select{
  width: 50%;
}
</style>
